<route type="page" lang="json5">
{
  layout: 'default',
  style: {
    navigationBarTitleText: '视频播放'
  }
}
</route>
<template>
  <view class="flex justify-center flex-items-center h100vh">
    <!--  :direction="90" -->
    <video
      :src="fileDownloadUrl"
      id="myVideo"
      :vslide-gesture-in-fullscreen="true"
      :show-fullscreen-btn="true"
      :autoplay="true"
    ></video>
  </view>
</template>
<script lang="ts" setup>
import { ref, onMounted } from 'vue'
const fileDownloadUrl = ref('')
onLoad(res => {
  fileDownloadUrl.value = res.url
})
onMounted(() => {
  const videoContext = uni.createVideoContext('myVideo')
  videoContext.requestFullScreen()
})
</script>
<style lang="scss" scoped></style>
